<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" />
    <title>拖拽验证码</title>
    <link rel="stylesheet" type="text/css" th:href="${application.staticUrl}+'base/login/css/jigsaw.css'" />
    <style>
        .container {
            width: 310px;
            margin: 100px auto;
        }
        input {
            display: block;
            width: 290px;
            line-height: 40px;
            margin: 10px 0;
            padding: 0 10px;
            outline: none;
            border:1px solid #c8cccf;
            border-radius: 4px;
            color:#6a6f77;
        }
        #msg {
            width: 100%;
            line-height: 40px;
            font-size: 14px;
            text-align: center;
        }
        a:link,a:visited,a:hover,a:active {
            margin-left: 100px;
            color: #0366D6;
        }

    </style>

</head>
<body>

<div class="container">
    <div id="captcha" username="test" style="position: relative"></div>
    <div id="msg"></div>
</div>
<span th:include="frame/fm/res :: webContext"></span>
<span th:include="frame/fm/res :: jqueryScript"></span>

<script type="text/javascript" th:src="${application.staticUrl}+'base/login/js/register.js'"></script>
<script type="text/javascript" th:src="${application.staticUrl}+'base/login/js/jigsaw.js'"></script>
</body>
</html>